.brand {
    overflow: hidden;
    width: 100%;
    .top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .left {
            display: flex;
            align-items: flex-end;

            h1 {
                margin-right: 20px;
            }

            span:first-child {
                margin-left: 20px;
                font-size: 16px;
                color: #666;
            }
        }

        .right {
            display: flex;

            p {
                padding: 2px 5px;
                background: #ccc;
                margin-right: 5px;
                color: #fff;
                cursor:no-drop ;
            }
            .active {
                background: #27ba9a !important;
                cursor: pointer;
            }
        }
    }

    ul {
        display: flex;
        padding: 0;
        margin: 0;
        transition: all 1s;
        li {
            width: 19.1%;
            flex-shrink: 0;
            height: 360px;
            margin-left: 10px ;
        
          
            &:hover {
                transform: scale(102%);
                box-shadow: 0 0 11px #ccc;
            }
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
}